<script type="text/javascript">
    $(document).ready(function () {

        // Captura o retorno do método buscaCnae
        $.getJSON('pessoas/buscaCnae/', function (data) {
            var cnae = [];

            // Armazena na array capturando o código do CNAE e descrição
            $(data).each(function (key, value) {
                cnae.push(value.cnae_codigo + " | " + value.cnae_descricao);                
            });

            // Chamo o Auto complete do JQuery ui setando o id do input, array com os dados e o mínimo de caracteres para disparar o AutoComplete
            $('#pessoas_cnae').autocomplete({source: cnae, minLength: 3});
        });
    });
</script>

<script>
     

    $(document).ready(function () {
        $('#formulario').validate({
            rules: {
                pessoas_razaoSocial: {
                    required: true,
                    minlength: 5
                },
                pessoas_nomeFantasia: {
                    required: true,
                    minlength: 5
                },
                pessoas_cnpj: {
                    required: true,
                    cnpj: true,
                    minlength: 18
                },
                pessoas_telefone: {
                    required: true,                    
                    minlength: 14
                },
                pessoas_email: {
                    required: true,
                    email: true
                },
                pessoas_cnae: {
                    required: true
                },
                uf: {
                    required: true
                },
                pessoas_cidade: {
                    required: true
                },
                logradouro_bairro: {
                    required: true
                }

            },
            messages: {
                pessoas_razaoSocial: {
                    required: "Informe a Razão Social.",
                    minlength: "Razão social inválida."
                },
                pessoas_nomeFantasia: {
                    required: "Informe o Nome Fantasia.",
                    minlength: "Nome fantasia inválido."
                },
                pessoas_cnpj: {
                    required: "Informe o CNPJ.",
                    minlength: "CNPJ inválido."
                },
                pessoas_telefone: {
                    required: "Informe o telefone.",
                    minlength: "Telefone inválido."
                },
                pessoas_email: {
                    required: "Informe o e-mail.",
                    email: "O e-mail informado é inválido."
                },
                pessoas_cnae: {
                    required: "Informe o CNAE."
                },
                uf: {
                    required: "Informe o Estado."
                },
                pessoas_cidade: {
                    required: "Informe a Cidade."
                },
                logradouro_bairro: {
                    required: "Informe o Bairro."
                }
            }
        });
    });
    
    jQuery(function ($) {
        $("#pessoas_telefone").mask("(99) 9999-9999", {placeholder: " "});
        $("#pessoas_cnpj").mask("99.999.999/9999-99", {placeholder: " "});
        $("#logradouro_cep").mask("99.999-999", {placeholder: " "});
        $("#pessoas_razaoSocial").mask("", {placeholder: " "})
    });
    
</script>

<body>
    <form name="formulario" id="formulario" action="<?php echo base_url('index.php/pessoas/salvar/') ?>" method="post"> 
        <?php if (isset($pessoas_id)) { ?> 
            <input type="hidden" name="pessoas_id" value="<?php echo $pessoas_id; ?>">  
            <input type="hidden" name="logradouro_id" value="<?php echo $pessoas->logradouro_id; ?>">              
        <?php } ?> 
        <div class="row">
            <div class="large-8 columns" style="left: 181px;">
                <h1>
                    <small><i class="fi-list-bullet" style="font-size: 35px; padding-right: 10px; margin-left: 5px;"></i><span style="vertical-align: 6px;">Cadastro de Empresas</span>  </small>
                </h1>
            </div>                
        </div>

        <div class="row">
            <div class="small-8 columns" style="left: 181px">
                <label>Grupo
                    <select name="pessoas_grupos" >
                        <option value="">--Selecione--</option>
                        <?php
                        $objgrupos = new Grupos_Model();


                        $grupos = $objgrupos->getDadosTodos();


                        foreach ($grupos as $grupo) {
                            ?>
                            <option 
                            <?php
                            if (isset($pessoas_id)) {
                                if ($grupo->grupos_id == $pessoas->grupospessoas_grupo) {
                                    echo "selected=selected";
                                }
                            }
                            ?>  
                                value="<?php echo $grupo->grupos_id ?>"><?php echo $grupo->grupos_nome; ?></option>
                                <?php
                            }
                            ?>
                    </select>
                </label>

            </div>                
        </div>
        <br />

        <div class="row">
            <div class="small-8 columns" style="left: 181px">
                <label>Razão Social
                    <input type="text" name="pessoas_razaoSocial" id="pessoas_razaoSocial" value="<?php echo isset($pessoas->pessoas_razaoSocial) ? $pessoas->pessoas_razaoSocial : ''; ?>"  placeholder="" />
                </label>                
            </div>                
        </div>
        <div class="row">
            <div class="small-8 columns" style="left: 181px">
                <label>Nome Fantasia
                    <input type="text" name="pessoas_nomeFantasia" id="pessoas_nomeFantasia" value="<?php echo isset($pessoas->pessoas_nomeFantasia) ? $pessoas->pessoas_nomeFantasia : ''; ?>"  placeholder="" />
                </label>                
            </div>                
        </div>
        <div class="row">
            <div class="small-4 columns" style="left: 181px">
                <label>CNPJ
                    <input type="text" name="pessoas_cnpj" id="pessoas_cnpj" value="<?php echo isset($pessoas->pessoas_cnpj) ? $pessoas->pessoas_cnpj : ''; ?>"  placeholder="" />
                </label>
            </div>
            <div class="small-4 columns" style="right: 152px">
                <label>Inscrição Estadual
                    <input type="text" name="pessoas_inscEstadual" id="pessoas_inscEstadual" value="<?php echo isset($pessoas->pessoas_inscEstadual) ? $pessoas->pessoas_inscEstadual : ''; ?>"  placeholder="" />            
                </label>
            </div>                
        </div>       
        <div class="row">
            <div class="small-4 columns" style="left: 181px">
                <label>Inscrição Municipal
                    <input type="text" name="pessoas_inscMunicipal" id="pessoas_inscMunicipal" value="<?php echo isset($pessoas->pessoas_inscMunicipal) ? $pessoas->pessoas_inscMunicipal : ''; ?>"  placeholder="" />
                </label>
            </div>
            <div class="small-4 columns" style="right: 152px">
                <label>Telefone
                    <input type="text" name="pessoas_telefone" id="pessoas_telefone" value="<?php echo isset($pessoas->pessoas_telefone) ? $pessoas->pessoas_telefone : ''; ?>"  placeholder="" />
                </label>
            </div>     
        </div>
        <div class="row">
            <div class="small-8 columns" style="left: 181px">
                <label>Logradouro
                    <input type="text" name="logradouro_descricao" id="logradouro_descricao" value="<?php echo isset($pessoas->logradouro_descricao) ? $pessoas->logradouro_descricao : ''; ?>"  placeholder="" />
                </label>
            </div>                
        </div>        
        <div class="row">
            <div class="small-4 columns" style="left: 181px">
                <label>CEP
                    <input type="text" name="logradouro_cep" id="logradouro_cep" value="<?php echo isset($pessoas->logradouro_cep) ? $pessoas->logradouro_cep : ''; ?>"  placeholder="" />
                </label>
            </div>                
            <div class="small-4 columns" style="right: 152px">
                <label>CNAE                   
                    <input type="text" name="pessoas_cnae" id="pessoas_cnae" value="<?php echo isset($pessoas->cnae_descricao) ? $pessoas->cnae_id ." | ". $pessoas->cnae_descricao : ''; ?>"  placeholder="" />
                </label>
            </div>
        </div>
        <div class="row">
            <div class="small-4 columns" style="left: 181px">
                <label>Estado
                    <select name="uf" id="uf" class="ajax-uf">
                        <option value="">--Selecione--</option>
                        <?php
                        $objPessoa = new Pessoas_Model();
                        $uf = $objPessoa->getUf();
                        foreach ($uf as $uf) {
                            ?>
                            <option 
                            <?php
                            if (isset($pessoas)) {
                                if ($uf->uf_id == $pessoas->uf_id) {
                                    echo "selected=selected";
                                }
                            }
                            ?>
                                value="<?php echo $uf->uf_id ?>"><?php echo $uf->uf_descricao ?></option>
                            <?php } ?>
                    </select>                   
                </label>                    
            </div>             
            <div class="small-4 columns" style="right: 152px">
                <label>Cidade                    
                    <select name="pessoas_cidade" id="pessoas_cidade" disabled="disabled" class="recebe-cidade">
                        <option value=""></option>
                    </select>
                </label>
            </div>
        </div>            
        <br />

        <div class="row">
            <div class="small-4 columns" style="left: 181px">
                <label>Bairro
                    <select name="logradouro_bairro" id="logradouro_bairro" class="recebe-bairro">
                        <option value="">--Selecione--</option>                        
                    </select>                   
                </label>                    
            </div>             

        </div> 
        <br />

        <div class="row">
            <div class="small-4 columns" style="left: 181px">
                <label>Email
                    <input type="text" name="pessoas_email" id="pessoas_email" value="<?php echo isset($pessoas->pessoas_email) ? $pessoas->pessoas_email : ''; ?>"  placeholder="" />
                </label>
            </div>
            <div class="small-4 columns" style="right: 152px">
                <label>Contato | Responsável
                    <input type="text" name="pessoas_responsavel" id="pessoas_responsavel" value="<?php echo isset($pessoas->pessoas_responsavel) ? $pessoas->pessoas_responsavel : ''; ?>"  placeholder="" />
                </label>
            </div>
        </div>           
        <div class="row"> 
            <div style="width: 667px; margin-top: 20px; margin-left: 195px;"> 
                <input type="submit" class="button small success radius" id="btSalvar" value="Cadastrar" /> 
                <?php if (isset($pessoas)) { ?> 
                    <script>
                            document.getElementById("btSalvar").value = "Alterar";</script>                
                    <input type="button"  data-reveal-id="firstModal" class="button small alert radius" value="Excluir"/> 
                <?php } ?> 
            </div> 
        </div>
        <div id="firstModal" class="reveal-modal tiny" data-reveal>            
            <center><p>Confirma a exclusão desta empresa ?</p> <br></center>
            <center><input type="submit" class="button alert small radius" value="Confirmar" onclick="excluir()"/></center>
            <a class="close-reveal-modal">&#215;</a>
        </div>  

    </form> 
</body>

<script>

    function excluir() {
        document.formulario.action = "<?php echo base_url('index.php/pessoas/excluir/') ?>";
        document.formulario.submit();
    }

    $(document).ready(function () {
        $(document).foundation();
    });
    $(".ajax-uf").change(function () {

        seleciona_cidade($(this).val());
    });
    function seleciona_cidade(estado_id) {

        var estado_id = estado_id;
        $(".recebe-cidade").html("<option value=''>Aguarde...</option>");
        $.ajax({
            url: '<?php echo base_url('index.php/cidades/buscaCidades') ?>',
            type: 'POST',
            data: {estado_id: estado_id},
            dataType: 'json',
            success: function (cidadesJson) {
                var txt_cidades = "<option value=''>--Selecione a cidade--</option>";
                $.each(cidadesJson, function (index, cidade) {
                    txt_cidades += "<option value='" + cidade.cidades_id + "'>" + cidade.cidades_descricao + "</option>";
                });
                $(".recebe-cidade").html(txt_cidades);
                $(".recebe-cidade").removeAttr("disabled");
<?php
    if (isset($_GET['pessoas_id'])) { ?>
        var val = '<?php echo trim($pessoas->cidades_descricao) ?>';
        $('#pessoas_cidade option:contains(' + val + ')').prop({selected: true});
        seleciona_bairro(<?php echo $pessoas->cidades_id ?>);
<?php }  ?>
            }
        });
    }
    
    function seleciona_bairro(cidade_id) {

        var cidade_id = cidade_id;
        $(".recebe-bairro").html("<option value=''>Aguarde...</option>");
        $.ajax({
            url: '<?php echo base_url('index.php/cidades/buscaBairros') ?>',
            type: 'POST',
            data: {cidade_id: cidade_id},
            dataType: 'json',
            success: function (bairrosJson) {

                var txt_bairros = "<option value=''>--Selecione o Bairro--</option>";
                $.each(bairrosJson, function (index, bairros) {
                    txt_bairros += "<option value='" + bairros.bairros_id + "'>" + bairros.bairros_descricao + "</option>";
                });
                $(".recebe-bairro").html(txt_bairros);
                $(".recebe-bairro").removeAttr("disabled");
<?php
    if (isset($_GET['pessoas_id'])) { ?>
        var val = '<?php echo trim($pessoas->bairros_descricao) ?>';
        $('#logradouro_bairro option:contains(' + val + ')').prop({selected: true});
        
<?php }
?>
            }
        });
    }



    $(".recebe-cidade").change(function () {

        seleciona_bairro($(this).val());
    });</script>


<?php
if (isset($_GET['pessoas_id'])) {
    ?>
    <script>
        seleciona_cidade(<?php echo $pessoas->cidades_uf ?>);
    </script>
    <?php
}
?>